<template>
  <div class="info-container">
    <van-cell-group>
      <van-field label="设备名称" :value="form.name" readonly />
      <van-field label="设备型号" :value="form.device_code" readonly />
      <van-field label="设备模板" :value="form.device_template_name" readonly />
      <!-- <van-field label="设备序列号" :value="form.no" readonly /> -->
      <!-- <van-field label="设备分组" :value="form.department_name" readonly /> -->
      <van-field label="部门名称" :value="form.department_name" readonly />
    </van-cell-group>
    <van-cell-group>
      <van-field label="激活状态" :value="form.status" readonly />
      <van-field label="城市" :value="form.city" readonly />
      <van-field label="设备地点" :value="form.address_detail" readonly />
    </van-cell-group>
    <van-cell-group>
      <van-field label="备注" :value="form.remark" readonly />
    </van-cell-group>
  </div>
</template>
<script>
export default {
  data() {
    return {
      form: {}
    };
  },
  mounted() {
    const query = this.$route.query;
    this.form = { ...query };
  }
};
</script>
<style lang="scss">
.info-container {
  .van-cell-group {
    margin-top: 20px;
  }
  .van-cell {
    padding: 20px 40px;
    .van-cell__title {
      font-size: 30px;
    }
  }
}
</style>
